import React, { Component } from 'react'
import { LeftOutlined } from '@ant-design/icons';
import User from '../../components/user/User'
import './next.css'

export default class Next extends Component {
    //  state = {
    //     img:this.props.location.state.img
        
    //     };
        
    componentDidMount() {
        console.log(this.props.match)
    }
        render() {
            const { sex, username, area } = this.props.match.params;
        return (
            <div id='next'>
                <LeftOutlined onClick={() => this.props.history.go(-1)} style={{ padding: '0.25rem', fontSize: '0.44rem', color: '#c3c3c3' }} />
                <div className='con'>
                    <h2 style={{ fontSize: '0.62rem', fontWeight: 'bold', margin: '0.5rem 0 0.1rem', padding:'0 0.4rem'}}>设置账号和密码</h2>
                    <p style={{ fontSize: '0.3rem', margin: '0.1rem 0 0.6rem', padding:'0 0.4rem' }}>设置手机号以保障您的账号安全</p>
                    
                    <div style={{padding:'0 0.4rem'}}>
                        <User sex={sex} area={area} username={username} />
                    </div>                   
                    </div>
                </div>
        )
    }
}
